<template>
  <div id="help_center">
    <div class="info_title">
      <div class="title">
        <span class="title_item" @click="menu = 1">帮助中心</span>
        <span class="title_item" @click="menu = 2" v-if="menu == 2">> 详情</span>
      </div>
    </div>
    <div class="line"></div>
    <div class="help_info_question" v-if="menu == 1">
      <template v-for="item in helpData">
        <div class="help_name" :key="item.index">{{item.name}}</div>
        <div
          class="help_item"
          v-for="question in item.questionList"
          :key="question.index"
          @click="showAnswer(question)"
        >{{question.question}}</div>
      </template>
    </div>
    <div v-else class="help_info_answer">
      <div class="question">{{currentHelp.question}}</div>
      <div v-html="currentHelp.answer" class="answer"></div>
    </div>
  </div>
</template>

<script>
let vm;
export default {
  data: function() {
    return {
      menu: 1,
      isShowQuestion: true,
      currentHelp: {},
      helpData: [
        {
          index: 1,
          name: "关于小鳄鱼课堂",
          questionList: [
            {
              index: 1,
              question: "小鳄鱼(课堂)是什么？",
              answer:
                "小鳄鱼课堂是一家专注于3-8岁儿童数学思维培养的在线教育平台，我们聚焦于儿童的数学思维能力提升，让孩子爱上数学。"
            },
            {
              index: 2,
              question: "为什么之前没有听说过小鳄鱼？",
              answer:
                "小鳄鱼是依托于威创集团2019年新推出的在线教育品牌。威创是学前教育领域的上市公司，有着20余年0-8岁儿童教育经验，旗下有5000多家幼儿园和1000多家儿童教育机构，园所数量在行业中首屈一指，威创对幼儿教育有着深厚地理解和积淀，威创自己的产品研究院为旗下教育机构自主研发了累计超过几百套精品课程和教育产品。因此小鳄鱼不仅了解儿童，更懂得如何给儿童更适合更好的教育。"
            },
            {
              index: 3,
              question: "什么是数学思维？",
              answer:
                "数学思维就是用数学思考问题和解决问题的思维活动，即能够用数学的观点去思考问题和解决问题的能力；不是计算，不是珠心算，是教会孩子思考问题的方式，解决问题的方式。"
            },
            {
              index: 4,
              question: "小鳄鱼数学思维的特色是什么？",
              answer:
                "游戏化课堂：多种游戏场景充分调动孩子兴趣/主动思考和探究的能力引导式教学：老师作为观察者和引导者，关键性提问激发儿童思维发展个性化教学：关注每个孩子不同阶段的思维成长，通过测评量身定制教育目标。给孩子适合的教育，让孩子的学习效果看得见。"
            },
            {
              index: 5,
              question: "小鳄鱼的课堂教学模式是什么？",
              answer:
                "为了保证教学质量，让每一个儿童都能受到老师的关注，良好均衡的发展，设置6-8人小班直播授课。班主任全程跟踪提供指导帮助，为孩子和家长解决各种问题。团队通力合作，让孩子学习成长无障碍，保证最大的学习效果。"
            },
            {
              index: 6,
              question: "小鳄鱼的课程和在幼儿园学到的有什么区别？",
              answer:
                "我们紧扣教育部《3-6岁儿童学习与发展指南》/结合《小学数学新课标》，为儿童构建完整数学知识框架；让小朋友可以轻松应对从幼儿园到小学的过渡。 威创集团20年专注于幼儿培养，更了解幼儿。课程内容设计从幼儿的心理及思维发展特点出发，更能引发幼儿的学习兴趣。"
            },
            {
              index: 7,
              question: "孩子在课上学习到的内容，是否能体现在生活中？",
              answer:
                "我们在课程设计上，是根据幼儿的思维特点-以具象思维为主，选题取材来源于更容易让幼儿理解幼儿生活。所以在教学过程中，专门有一环节-生活中的数学，老师带领小朋友一起发现，解决生活中的数学问题。"
            },
            {
              index: 8,
              question: "小鳄鱼授课老师的资历都怎么样？",
              answer:
                "我们的老师都是具有丰富教学经验的老师，既有原来公立小学已经工作超过十年的老教师，也有名校毕业两三年的年轻老师，更重要的是我们的老师都是经过我们严格筛选爱孩子的老师，最终经过我们100小时，高强度培训，终极考核通过才可上岗。我们始终相信爱孩子懂教育的老师才能教出好孩子。"
            },
            {
              index: 9,
              question: "上课的老师一直都是一个老师吗？中间可以换老师吗？",
              answer:
                "我们会尽量保证每个班级的老师固定授课，但也可能由于老师生病或临时有事而更换，会安排其他老师代课。老师是固定的，当宝贝报名成功后便会根据宝贝的基础知识进行分班，随之确定班主任老师和上课老师，除非是宝贝或者宝爸/宝妈存在特殊需求，否则一般不会是更换的。如果家长对某位老师具有偏好性，也可以跟我们的客服人员联系更改自己的上课老师的。"
            },
            {
              index: 10,
              question: "在上课过程中，老师会忽略掉不太回答问题的孩子吗？",
              answer:
                "我们是小班授课模式，一个班大概6-8个孩子，不会出现老师会忽略到孩子的情况。"
            },
            {
              index: 11,
              question: "辅导作业老师是授课老师吗？",
              answer:
                "我们辅导作业老师和授课老师不一样，作业辅导有专门的班主任老师来负责。"
            }
          ]
        },
        {
          index: 2,
          name: "学习相关",
          questionList: [
            {
              index: 12,
              question: "如何检测学习效果？",
              answer:
                "我们有阶段性测评：课程学习前测评，为儿童选择适合的老师与班级，通过测评量身定制教育目标；课程学习后思维测评，检测学习效果。我们致力于给孩子精准个性化的教育，让孩子的学习效果看得见。"
            },
            {
              index: 13,
              question: "如果错过了上课时间，是否可以看回放？",
              answer:
                "可以的，您可以登录上课页面的网站，打开录播课程学习（课程结束的24小时后可看到课程回放录像）。"
            },
            {
              index: 14,
              question:
                "小鳄鱼上课会留课后作业吗？课后作业不会做的话，有老师辅导吗？",
              answer:
                "一般是留有较少任务的作业，我们会有专门的班主任与您时刻保持沟通，为您提供答疑。即便是班主任未能够及时回复，也可以在下次课上课前与教学老师进行交流，展开答疑工作。"
            },
            {
              index: 15,
              question: "孩子能听懂吗？",
              answer:
                "课程设计是根据相应年龄阶段孩子的认知设置的，通常孩子只要认真听讲，都能跟上课的。我们的老师都有丰富的幼儿教育经验，更加的了解我们的孩子；另外，我们的课程并不是简单的知识灌输，而是趣味的启发教学，孩子应该更加的感兴趣和投入。"
            },
            {
              index: 16,
              question: "每周上几次课呢，安排在什么时间，每次上课多长时间？",
              answer:
                "每节课40分钟，上课时间可以有两种选择。</br>选择一：周一至周五，两次课任选两天组合，两天都在同一时间段上课；</br>选择二：周末，周末每天七个时间段可以随便组合两节课的上课时间。一周两节课都排在周末。"
            },
            {
              index: 17,
              question: "上课时要做哪些准备？有什么注意事项？",
              answer:
                "班主任会在课前1工作日和上课当天几个小时内提醒，请您留意群通知；建议上课前半小时家长检查设备和客户端，帮助小朋友准备好本节课需要用到的教学道具，提前5-10分钟进入教室，检查声音和视频。教学过程中，建议家长坐在小朋友身边，观察孩子上课情况，提供必要帮助，并在亲子互动环节配合操作。"
            },
            {
              index: 18,
              question: "一个小组里上课的孩子学习程度都一样吗，同学是否固定？",
              answer:
                "因为我们孩子在正式上课前都会进行一个水平测试，所以我们每个小组的孩子的学习水平都是相当的。只要没有同学提出更换班级的申请，那么同学们也是固定的。"
            },
            {
              index: 19,
              question: "如果孩子有事没办法上课，怎么请假和补课？",
              answer:
                "孩子临时有事，可在课前向班主任请假，每周限请1次假，后续会为孩子单独补课20分钟或到同进度班级插班补课，若未提前请假，可通过看回放完成学习。若连续4次（含4次）以上不能上课，请事先和班主任提出长假申请，为孩子重新排课。购买系统课时数量（不含赠课）每满10节，会有1次无责请假机会。请假或旷课会优先扣减请假机会；如果请假机会用完，请假和旷课会扣除相应课时。特别说明：如果孩子因生病请假，请告知班主任操作。一期课（48节）内，因个人原因所产生的请假、缺课等，每个学生享有4次补课机会，补课时间在全部课程结束之后，由小鳄鱼统一安排教师和时间进行补课；因非个人原因（如：教师原因缺课，小鳄鱼网络、平台系统故障等）问题导致课程无法顺利开展，小鳄鱼将在第一时间与家长沟通补课，原则是尽早安排，且不计入第1条中2次补课情况次数；如您在上课过程中，出现技术故障导致课程无法完成，我们将后续为您安排补课。"
            },
            {
              index: 20,
              question: "孩子上着课觉得跟不上进度的话，可以调班吗？",
              answer:
                "因时间问题或孩子无法适应当前课程难度，可以和班主任沟通调班。"
            },
            {
              index: 21,
              question: "小鳄鱼上课的方法?",
              answer:
                "以下是上课方式的说明，请参照流程指引提前准备好硬件设备。</br>【PC端】</br>1. 使用谷歌浏览器打开小鳄鱼课堂官网（<a href='http://www.eyu233.com' target='_Blank'>www.eyu233.com</a>）；请提前下载安装谷歌浏览器；（<a href='http://www.google.cn/chrome' target='_Blank'>www.google.cn/chrome</a>）</br>2. 点“个人中心”。初次使用需要先登录，选择用验证码登录，输入手机号和验证码完成登录。</br> 3. 在我的课程页面，点击“进入教室”开始上课。</br>【iPad端】</br> 1. 运行”小鳄鱼课堂HD”app。（请提前在苹果应用商店安装“小鳄鱼课堂HD”，如已安装，请确认更新到最新版本。）</br>2. 点击屏幕右上方“进入教室”开始上课。（首次使用app，需要使用“手机号+验证码”登录。）</br>备注：</br>1.请家长提前15-20分钟进入直播间，提前检查网络、摄像头、麦克风等硬件设备；</br>2.请孩子提前3-5分钟在设备前等候，参与互动等待开课。"
            },
            {
              index: 22,
              question: "对于上课设备有什么要求?",
              answer:
                "iPad （建议 iPad3 以上/iPad mini3 以上/iPad pro /iPad air，ios10或更高版本，内存1G以上）+ 摄像头（前置）+耳麦；</br>win电脑（Windows7 或更高版本，内存推荐 2G 以上+摄像头+ 耳麦；</br>苹果电脑（Mac OS X10.9 或更高版本，内存推荐 4G 以上+摄像头+耳麦</br>网络：50M以上宽带，测速地址：<a href='http://www.speedtest.cn' target='_Blank'>http://www.speedtest.cn</a>。电脑推荐有线网络连接，保证网络稳定。如果使用无线，请选择网络信号稳定的区域上课。</br>任何技术问题，可随时咨询您的班主任或联系客服。"
            },
            {
              index: 23,
              question: "上课可以使用手机上课吗？",
              answer:
                "不推荐使用手机上课，屏幕面积小，看不清楚细节，不利于宝贝学习。"
            },
            {
              index: 24,
              question: "上课的时候需要家长陪同吗？",
              answer:
                "课前需要家长帮孩子调好上课软件和设备，课中大部分时间不需要陪同。"
            }
          ]
        },
        {
          index: 3,
          name: "购买和退费",
          questionList: [
            {
              index: 25,
              question: "小鳄鱼课程如何购买？",
              answer:
                "可以在小鳄鱼课堂的微信服务号或官网选定课程，然后点击购买，最后付款即可。也可以加我们课程顾问的微信，课程顾问可以用微信推送给您课程的购买入口。"
            },
            {
              index: 26,
              question: "上完课程觉得不满意的话，可以退费吗？",
              answer:
                "退费细则：</br>1. 购买课程并支付课程费用后，需按照报名时选择的上课时间按时上课，如果课程未到首次开课时间，可随时向乙方申请退还全部课程费用。 </br>2.支付课程费用（费用支付当天为购课之日）后：（1）自购课之日算起15天内课程未开课，可申请办理全额退款；（2）已开课申请退费，在购课之日起30天内可按未消耗课时数量核算，退还未发生课时费用；超过30天，不予办理退款（不可抗力除外）；（3）参加特殊活动，符合精品课或其他退换规定的课程， 可按照规定申请办理退款；（4）因为小鳄鱼课堂原因未能按照课程相关规定提供已承诺服务的课程，可申请办理退款；（5）如由于报班学员过少等原因取消班次时，剩余金额全部退还。 </br>3. 出现以下任意情况之一均不予办理退费服务：（1）自购课之日算起已经超过15天，不予全额退款；（2）已明确注明不能参与退换的课程；（3）课程已开课超过 30天；（4）课程未开课但甲方已经开始观看、缓存课程；（5） 课程包含赠送资料，且已拆封附赠资料；（6）因个人原因（包括无法参加测评等）无法在有效期内完成课程；（7）甲方有贩卖盗版等侵犯小鳄鱼课堂知识产权的违法行为。 支付课程费用后，如课程不存在违反法律法规规定或不属于小鳄鱼课堂规定可以退费的情况下，在报名成功后，均不得申请退换；购买小鳄鱼课堂的任一课程，视为认可上述退换规则。 </br>4. 退款时，须自费交回已经开具的发票。如不能提供已开具的发票，将从退款中直接扣除发票金额的 8%，以支付当地发票税赋和相关费用。如可退金额不足需补足的发票金额，则直接扣除，不需补缴。 </br>5. 退款发起申请的3个工作日内，客服将进行受理和审核；退款完成后，款项将于7个工作日内到账。退款到账周期仅供您参考，具体退款到账周期可能会受银行、支付机构等相关因素影响。 </br>6. 小鳄鱼课堂赠送给您的课时（如有）将在甲方购买的全部课时使用完毕以后方能开始使用。如申请退费，购买课程时赠送的全部课时、优惠等项目将自动取消，已经享有的赠送、优惠项目按照销售原价在退费时予以扣除。"
            },
            {
              index: 27,
              question: "能否分期付款？",
              answer:
                "暂时不能，将来我们有这方面的业务发展。建议您可以先购买小一点的课时包。"
            },
            {
              index: 28,
              question: "退费流程？",
              answer:
                "退费流程如下：</br>（1）用户在符合小鳄鱼系统课退换规定的情况下，可自行前往付款活动界面申请退款，或联系客服进行人工客服申请办理；</br>（2）退款发起申请的3个工作日内，客服将进行受理和审核；如退款审核未通过，客服人员将以电话或短信形式通知原因，请注意接听或查收；</br>（3）“小鳄鱼课堂”将在签收并核验用户回寄的退货资料无误后7个工作日内完成退款；</br>（4）退款的进度我们将以短信的形式实时发送短信给您，您也可以同时咨询课程顾问。"
            },
            {
              index: 29,
              question: "退款方式及时效",
              answer:
                "(1)退款路径均按照原路返回的支付方式； </br>(2)退款完成后，款项将于7个工作日内到账；退款到账周期仅供您参考，具体退款到账周期 可能会受银行、支付机构等相关因素影响。"
            }
          ]
        },
        {
          index: 4,
          name: "常见技术问题及解决方法",
          questionList: [
            {
              index: 30,
              question: "无法打开小鳄鱼课堂官网（PC）",
              answer:
                "请检查网络连接是否正常，能否访问其他网站。可依次尝试重新插拔网线（有线网络）、重启无线路由器、重新启动电脑。如仍不能恢复，请联系班主任解决。"
            },
            {
              index: 31,
              question: "无法登录小鳄鱼课堂官网（PC）",
              answer:
                "请在小鳄鱼课堂官网上找到登录，选择“使用验证码登录”。输入您的手机号（请确认是购买课程的手机号），获取验证码并登录。如果仍然不能登录，请联系班主任解决。"
            },
            {
              index: 32,
              question: "登录小鳄鱼课堂官网，但没有上课的入口（PC）",
              answer:
                "请首先确认当天是否排课，其次请确认您登录的手机号码是购买课程的手机号，如不是，退出登录，并使用正确的手机号登录，如果仍然不能解决问题，请联系班主任协助。"
            },
            {
              index: 33,
              question:
                "进入教室，看不到老师，或者可以看到老师但听不到老师的声音（PC）",
              answer:
                "可能还没有到上课时间，老师正在准备上课，如果已经过了上课时间，仍然看不到老师，或者可以看到老师但听不到老师的声音，请尝试刷新浏览器页面。仍不能解决问题，请联系班主任协助。"
            },
            {
              index: 34,
              question: "老师听不到我的声音，或者看不到我（PC）",
              answer:
                "请检查麦克风和摄像头连接正常，可尝试重新拔插麦克风和摄像头。尝试刷新浏览器页面。仍不能解决问题，请联系班主任协助。"
            },
            {
              index: 35,
              question: "无法打开小鳄鱼课堂app（iPad & iPhone）",
              answer:
                "请检查是否已经下载安装了小鳄鱼课堂app，并且检查确认是否已更新到最新版。"
            },
            {
              index: 36,
              question: "进入小鳄鱼课堂app，但没有上课的入口（iPad & iPhone）",
              answer:
                "请首先确认当天是否排课，其次请确认您登录的手机号码是购买课程的手机号，如不是，退出登录，并使用正确的手机号登录，如果仍然不能解决问题，请联系班主任协助。"
            },
            {
              index: 37,
              question: "上课过程不够流程，有卡顿（PC & iPad & iPhone）",
              answer:
                "家庭网络推荐50M以上宽带，确保上课过程顺畅。测速地址：<a href='http://www.speedtest.cn/' target='_Blank'>http://www.speedtest.cn/</a>。PC/笔记本推荐有线网络连接，保证网络稳定。如使用无线，请选择网络信号稳定的区域上课（离无线路由器较近，中间没有隔墙或者大的物体阻隔）。"
            }
          ]
        }
      ]
    };
  },
  components: {},
  methods: {
    showAnswer(item) {
      vm.currentHelp = item;
      vm.menu = 2;
    }
  },
  created: function() {
    vm = this;
  }
};
</script>

<style lang="scss">
#help_center {
  height: 100%;
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  // margin-bottom: 0.2rem;
  .info_title {
    overflow: hidden;
    padding: 0.23rem 0.34rem 0.16rem;
    font-size: 0.2rem;
    color: #333333;
    .title {
      float: left;
      .title_item {
        cursor: pointer;
      }
      .title_item:hover {
        color: rgba(30, 155, 89, 0.9);
      }
    }
  }
  .line {
    width: 100%;
    height: 1px;
    background: #eeeeee;
  }
  .help_info_question {
    padding: 0.22rem 0.42rem;
    .help_name {
      margin-top: 0.4rem;
      font-size: 0.22rem;
      color: #333333;
      margin-bottom: 0.2rem;
    }
    .help_name:first-child{
      margin-top: 0rem;
    }
    .help_item {
      font-size: 0.16rem;
      color: #666666;
      cursor: pointer;
      margin-bottom: 0.2rem;
    }
    .help_item:hover {
      color: rgba(30, 155, 89, 0.9);
    }
  }
  .help_info_answer {
    padding: 0.22rem 0.42rem;

    .question {
      color: #333333;
      font-size: 0.22rem;
    }
    .answer {
      margin-top: 0.4rem;
      font-size: 0.16rem;
      color: #666666;
      line-height: 0.34rem;
    }
  }
}
</style>